{% extends 'base.html' %}
{% load i18n %}

{% block content %}
<div class="max-w-4xl mx-auto">
    <h1 class="text-3xl font-bold mb-6">关于 ImQi1 云笔记</h1>
    
    <div class="bg-white rounded-lg shadow-md p-6 mb-8">
        <h2 class="text-2xl font-semibold mb-4">项目概述</h2>
        <p class="mb-4">
            本系统是一个基于 <strong>Django</strong> 的智能笔记管理平台，旨在帮助用户高效地创建、组织和检索个人知识内容。
            系统支持富文本编辑、多媒体内容、智能标签、知识图谱等功能，提供个性化知识管理体验。
        </p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
        <div class="bg-white rounded-lg shadow-md p-6">
            <h3 class="text-xl font-semibold mb-3">普通用户</h3>
            <ul class="list-disc pl-5 space-y-2">
                <li>注册、登录、修改个人资料</li>
                <li>创建、编辑、删除个人笔记</li>
                <li>为笔记添加标签、分类和笔记本</li>
                <li>搜索和筛选笔记内容</li>
                <li>建立笔记之间的关联关系</li>
            </ul>
        </div>

        <div class="bg-white rounded-lg shadow-md p-6">
            <h3 class="text-xl font-semibold mb-3">高级用户（VIP）</h3>
            <ul class="list-disc pl-5 space-y-2">
                <li>拥有普通用户所有权限</li>
                <li>使用 AI 辅助写作功能</li>
                <li>语音转文字录入笔记</li>
                <li>OCR 识别图片中的文字</li>
                <li>笔记导出为多种格式</li>
            </ul>
        </div>

        <div class="bg-white rounded-lg shadow-md p-6">
            <h3 class="text-xl font-semibold mb-3">管理员</h3>
            <ul class="list-disc pl-5 space-y-2">
                <li>拥有普通用户所有权限</li>
                <li>管理用户账户</li>
                <li>管理全局标签、分类模板</li>
                <li>监控系统运行状态</li>
                <li>查看全站统计数据</li>
            </ul>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow-md p-6 mb-8">
        <h2 class="text-2xl font-semibold mb-4">核心功能</h2>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div>
                <h3 class="text-lg font-medium mb-2">笔记管理</h3>
                <p>支持新建、编辑、删除笔记，富文本编辑器（支持 Markdown 语法），笔记版本控制等。</p>
            </div>
            <div>
                <h3 class="text-lg font-medium mb-2">搜索与筛选</h3>
                <p>支持全文搜索、按标签分类筛选、智能搜索建议和搜索结果高亮显示。</p>
            </div>
            <div>
                <h3 class="text-lg font-medium mb-2">知识图谱</h3>
                <p>自动识别笔记中的关键实体，建立笔记之间的语义关联，可视化知识图谱展示。</p>
            </div>
            <div>
                <h3 class="text-lg font-medium mb-2">收藏与归档</h3>
                <p>支持收藏笔记到个人收藏夹，归档笔记，笔记回收站功能等。</p>
            </div>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow-md p-6">
        <h2 class="text-2xl font-semibold mb-4">技术架构</h2>
        <p>
            本项目采用传统单体 Web 架构，Django 作为后端 MVC 框架，前端使用 HTML 模板 + 静态资源，
            数据库为关系型设计。项目复杂度为中高级，适合作为 Django 大型练手项目。
        </p>
    </div>
</div>
{% endblock %}